<template>
    <div class="login">
      <h1>This is an login page</h1>
      <div v-for="item in 10"
      :key="item"
      style="width: 200px;height: 30px;color: #fff;"
      :style="{background:item % 2 == 0? 'red' : 'blue'}">
      {{ item }}
    </div>
    </div>
  </template>
  
<script>
export default{
    name:"loginView",
    data(){
        return{
            list: [
      ],
//初始化阶段
// 初始化之前 在这data内的数据无法访问元素也无法访问 
beforeCreate() {},
// 初始化之后可以访问data内的数据，但是无法访问元素，
//一般在此函数内请求接口获取数据 
created( ){},
// 挂载阶段
beforeMount() {},
// 这个时候挂载完成了，可以访问元素了 
mounted() {},// 数据更新阶段
beforeUpdate() {},
updated() {},
// 销毁阶段
beforeDestroy() {},
// vue实例销毁的时候触发，关闭定时器 
destroyed() {},
     }
   }
}
</script>